<template>
	<view class="content">
		<view class="table-view">
			<view class="cell-view">
				<view class="cell-left cell3-2">
					<view class="cell-item cell-item-bottom-line">
						<view class="text1">临沂分拨中心</view>
					</view>
					<view class="cell-item cell-item-bottom-line">
						<view class="text2">收货人：</view>
						<view class="text3">张三</view>
					</view>
					<view class="cell-item cell-item-bottom-line">
						<view class="text2">到站：</view>
						<view class="text3">济南</view>
					</view>
				</view>
				<view class="cell-right cell3-1 cell-item-bottom-line">
					<view class="cell-image">
						<image style="width: 200rpx; height: 200rpx;" :src="'/static/home/ewm.png'" mode="aspectFit"></image>
						<view>扫码查询运单</view>
					</view>
				</view>
			</view>
			<view class="cell-item cell-item-bottom-line">
				<view class="text2">单号：</view>
				<view class="text3">T12023xxxx00003</view>
			</view>
			<view class="cell-item cell-item-bottom-line">
				<view class="text2">货名：</view>
				<view class="text3">木材</view>
			</view>
			<view class="cell-view">
				<view class="cell-left cell2-1">
					<view class="cell-item">
						<view class="text2">总件数：</view>
						<view class="text3">2</view>
					</view>
				</view>
				<view class="cell-right cell2-2">
					<view class="cell-item">
						<view class="text2">货签：</view>
						<view class="text3">1</view>
					</view>
				</view>
			</view>

		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {},
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
.table-view{
	margin: 16rpx;
	border: 1px solid #000;
}
.cell-view{
	display: flex;
	flex-direction: row;
}
.cell-left{
	display: flex;
	flex-direction: column;
	border-right: 1px solid #000;
}
.cell-right{
	display: flex;
	flex-direction: column;
}
.cell-item{
	padding: 20rpx 20rpx;
	display: flex;
	flex-direction: row;
}
.cell-image{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.cell-item-bottom-line{
	border-bottom: 1px solid #000;
}
.cell2-1{
	width: 50%;
}
.cell2-2{
	width: 50%;
}
.cell3-2{
	width: 66%;
}
.cell3-1{
	width: 34%;
}
.text1{
	font-size: 36rpx;
	font-weight: bold;
}
.text2{
	font-size: 28rpx;
}
.text3{
	font-size: 32rpx;
	font-weight: bold;
}
</style>